*{
    padding:0rem;
    margin: 0rem;
}
a{text-decoration: none;}
header{
   position:relative;
   width:10rem; /* 375/37.5 */
   height: 1.33rem /* 50/37.5 */;
   background:orange
}
header>a:nth-of-type(1)>img{
    width:4.95rem;
    height:.67rem ;/* 25/37.5 */
    margin-left:.8rem;
    margin-top: .4rem;
}
header>a:nth-of-type(2)>img{
    position:absolute;
  width:.91rem;
  height:.91rem;
    right:0.5rem;
    top:0.3rem;
}
section{
    height:1.33rem;
    border-bottom:.03rem solid #ccc;
  position:relative;
}
section>input{
    width:8.52rem;
    height:.8rem;
    margin:.27rem;
    padding-left:5%;
    border-radius: .4rem;
    background: #f1f1f1;
    font:.43rem/.6rem "";
    margin:.27rem;
    border:0rem;
    outline: 0rem;
}
section>button{
    background:orange;
    width:1.6rem;
    height:.8rem;
    border-radius: .4rem;
    position:absolute;
    top:.27rem;
   right:.27rem;
   color:#fff;
   border:0rem;
   font:.43rem/.6rem "";
}
body>h1{
    height:1rem;
    background: #f1f1f1;
    color:#333;
    font:.35rem/1rem "";
    padding-left: .5rem;
    border:.01rem solid #f2f2f2;
    box-sizing: border-box;

}
body>h1>span{
    display: block;
    height:1rem;
float: left;
}
body>h1>button{
    height:.8rem;
    float: right;
    margin-right:.5rem;
    width:1.6rem;
    margin-top:.1rem;
    outline:0;
    border: .01rem solid #ccc;
}

main>ul>li{
    height:2.67rem;
    margin: .2rem 0;
    position:relative;
}
main>ul>li>img{
    width:2.67rem;
    height:2.67rem;
    margin-left:.2rem;
}
main>ul>li>h4{
    width:6.54rem;
    height:.85rem;
    position:absolute;
    left:3.2rem;
    top:0rem;
    font: .4rem/.5rem "";
    color:#666;
}
main>ul>li>b{
    color:red;
    height:.68rem;
    width:6.54rem;
    position:absolute;
    left:3.2rem;
    top:1.4rem;
    font:.48rem/.68rem "";
}
main>ul>li>span{
    display: block;
    
    height:.45rem;
    color:#666;
    position:absolute;
  
    left:3.2rem;
    top:2rem;
    font:.35rem/.45rem "";
}
main>ul>li>i{
    display: block;
    height:.45rem;
    color:#666;
    position:absolute;
    top:2rem;
    font:.35rem/.45rem "";
    left:5rem;
}
footer{
    height:5.952rem;
    background: #f1f1f1;
    position: relative;
}
footer>button:nth-of-type(1){
    width:9.472rem;
    background: #fff;
    margin:0.2667rem;
    height:0.843rem;
    border:0rem;
}
footer>div{
    height:0.917rem;
    background:orange;
    margin-top: 0.2667rem;
    position:relative;
}
footer>div>span{
    color:#fff;
    line-height: 0.917rem;
    font:.53rem/.92rem "";
    margin-left:.2rem
}
footer>div>a>img{
    width:.53rem;
    height:.53rem;
    position:absolute;
    right:.3rem;
    top:.2rem;
}
footer>ul{
margin-top: .4rem;;
}
footer>ul>li{
    float:left;
    list-style: none;
    width:33.333%;
    text-align:center;
    border:0.02667rem solid #ccc;
    box-sizing: border-box;
    height: .88rem;
  
}
footer>ul>li>a{
    color:#000;
    font:.4rem/.88rem "";
    
}
footer>h1{
    height:.448rem;
    font:0.3467rem/0.448rem "";
    text-align: center;
    position: absolute;
    bottom:1.3rem;
    left:1.5rem;
}
footer>h2{
    height:.448rem;
    font:0.3rem/0.448rem "";
    text-align: center;
    position:absolute;
    bottom:.65rem;
    left:3.2rem;
}